import React, { useState } from 'react';
import { render } from 'react-dom';
import { ConfigProvider, DatePicker, message, Alert  } from 'antd';
// 由于 antd 组件的默认文案是英文，所以需要修改为中文
import zhCN from 'antd/es/locale/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
import 'antd/dist/antd.css';
import './index.css';
import App from './App';
moment.locale('zh-cn');

// const App = () => {
//     const [date, setDate] = useState(null);
//     const handleChange = value => {
//         message.info(`您选择的日期是: ${value ? value.format('YYYY年MM月DD日') : '未选择'}`);
//         setDate(value);
//     };
//     return (
//         <ConfigProvider locale={zhCN}>
//             <div style={{ width: 400, margin: '100px auto' }}>
//                 <DatePicker onChange={handleChange} />
//                 <div style={{ marginTop: 16 }}>
//                     <Alert message="当前日期" description={date ? date.format('YYYY年MM月DD日') : '未选择'} type="success"/>
//                 </div>
//             </div>
//         </ConfigProvider>
//     );
// };

render(<App />, document.getElementById('root'));